﻿<UserControl x:Class="Coding4Fun.BoxingBots.UserConsole.ringTimer"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="250" d:DesignWidth="250">
    <Canvas Width="250" Height="250">
        <!--
        <Image x:Name="ImgBKG" Source="Images/ringTimerOff.png"/>
-->
        <Canvas>
            <Canvas.Effect>
                <DropShadowEffect Color="#FF8AF8D0" BlurRadius="8" Opacity=".9" Direction="0" ShadowDepth="0"/>
            </Canvas.Effect>
			<TextBlock x:Name="txtTens" Text="9" Foreground="#FF8AF8D0" Width="63" TextAlignment="Center" FontSize="80" Canvas.Left="71" Canvas.Top="65" FontWeight="Bold" />
            <TextBlock x:Name="txtOnes" Text="0" Foreground="#FF8AF8D0" Width="63" TextAlignment="Center" FontSize="80" Canvas.Left="117" Canvas.Top="65" FontWeight="Bold" />
            <TextBlock x:Name="txtTenth" Text="0" Foreground="#448AF8D0" Width="38" TextAlignment="Center" FontSize="28" Canvas.Left="160" Canvas.Top="121" FontWeight="Bold" />
            <TextBlock x:Name="txtText" Text="TIME LEFT" Foreground="#FF8AF8D0" TextAlignment="Right" FontSize="14" Canvas.Left="60" Width="100" Canvas.Top="155" FontWeight="Bold" />
        </Canvas>
        
        <!--
        <Canvas x:Name="ImagesToClip" Width="378" Height="374">
            <Canvas.OpacityMask>
                <VisualBrush Visual="{Binding ElementName=allPaths}" Viewbox="0,0,1.0,1.0"/>
            </Canvas.OpacityMask>
            <Image x:Name="ImgOnInner" Height="374" Source="Images/ringTimerOn_Inner.png" Stretch="Fill" Width="378"/>
            <Image x:Name="ImgOnOuter" Height="374" Source="Images/ringTimerOn_Outer.png" Stretch="Fill" Width="378"/>
        </Canvas>r
-->
        <Canvas x:Name="allPaths" Width="250" Height="250" Canvas.Left="0" Canvas.Top="0" ClipToBounds="True">
            <Path Canvas.Left="125" Canvas.Top="125">
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="-1"/>
                        <RotateTransform Angle="42"/>
                    </TransformGroup>
                </Path.RenderTransform>
                <Path.Data>
                    <PathGeometry>
                        <PathFigure x:Name="figure_ringRound"/>
                    </PathGeometry>
                </Path.Data>
                <Path.Fill>
                    <SolidColorBrush Color="#000000"/>
                </Path.Fill>
            </Path>

            <Path Canvas.Left="125" Canvas.Top="125">
                <Path.RenderTransform>
                    <TransformGroup>
                        <RotateTransform Angle="-131"/>
                    </TransformGroup>
                </Path.RenderTransform>
                <Path.Data>
                    <PathGeometry>
                        <PathFigure x:Name="figure_ringSecond"/>
                    </PathGeometry>
                </Path.Data>
                <Path.Fill>
                    <SolidColorBrush Color="#05ebb7"/>
                </Path.Fill>
            </Path>
        </Canvas>
        
    </Canvas>
</UserControl>
